<?php
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '<center>
                    <title>Detalle Solicitud</title>
                    <table>
                        <tr>
                            <td>';
                         //include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="jquery-1.9.1.min.js"></script>
        
        <!--Librerias Para La Creacion De Autocomple y Calendario-->
        <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.4.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="../css/estilo.css" />
        
        <!--Librerias Para La Creacion De Autocomple y Calendario-->
        <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.4.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="../css/estilo.css" />
        
        <!-- LIBRERIAS JQUERY Y CSS PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
	<link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        
        <script>
            $(function() {
                    $( "#capass2" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi�rcoles', 'Jueves', 'Viernes', 'S�bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0",
                    }
                    
                );
            });
        </script>
        <style>
            label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:28px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:250px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:250px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}
            #detalles{
                font-size: 90%;padding: 20px 20px 20px;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:98%;height:auto;margin:1% auto 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
               
            }
            #soli{
                font-size: 90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;height: 58%;margin:auto auto 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
               
            }
            #conducta{
                font-size: 90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;height: 150%;margin:-6.5% auto 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);   
            }
            #titulo1{
                 height: 10px;text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #titulo{
                 height: 1px;text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #filas{
                padding:10px 10px 10px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));                                   
                
            }
            #filas2{
                padding:10px 10px 1px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));                                   
                
            }
            .white {
                border-radius: 5px;
            	color: #606060;
                        border: solid 1px #b7b7b7;
                        background: #fff;
                        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                        background: -moz-linear-gradient(top,  #fff,  #ededed);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                        padding: 1px 1px 1px;
                        font-size: 80%;
                }
                .white:hover {
                        background: #ededed;
                        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                        background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
                }
                .white:active {
                        color: #999;
                        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                        background: -moz-linear-gradient(top,  #ededed,  #fff);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
                }
                
                #tseguimiento3{
                    font-size: 100%;padding: 5px 5px 5px 5px ;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;height: auto;margin:auto auto 0 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
               
                }
                
                #tablaSeg{
                    padding-top: 3%;
                    height:200px;
                    width:100%;
                    overflow-y: scroll;
                    margin-top: 1px;
                    
                }
                body{
                    background-color: #F2F2F2;
                }
                
        </style>
        <script>
            function datosSol(){
                var oids = document.getElementById("oids").value;
                var est = document.getElementById("est").value;
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/datosS.php",
                    data: {oids:oids,est:est},
                    success: tablaS,
                    timeout: 4000
                });
            }
            
            function tablaS(datos){
                rpt = $.parseJSON(datos);
                for(dat in rpt){
                    var estad = rpt[dat].dnsestado;
                    $("#esta").attr('value',estad);
                   if(estad == "1"){
                       var estado = "Registrado";
                   }else if(estad == "2"){
                       estado = "Asignado";
                   }else if(estad == "3"){
                       estado = "En Tramite";
                   }else if(estad == "4"){
                       estado = "Con Respuesta";
                   }else if(estad == "5"){
                       estado = "Verificado";
                   }else if(estad == "6"){
                       estado = "Aceptado";
                   }else if(estad == "7"){
                       estado = "Derrogado";
                   }else if(estad == "8"){
                       estado = "En Tramite por Cliente";
                   }
                   
                    document.getElementById("codigo").innerHTML = rpt[dat].dnsoid;
                    var oids  = rpt[dat].dnsoid;
                    document.getElementById("fecha").innerHTML = rpt[dat].dnfecha;
                    document.getElementById("estado").innerHTML = estado;
                    document.getElementById("estados").value = estad;
                    document.getElementById("doc").innerHTML = rpt[dat].usu_documento;
                    document.getElementById("nombre").innerHTML = rpt[dat].nombres;
                    document.getElementById("cargo").innerHTML = rpt[dat].carnombre;
                    document.getElementById("servicio").innerHTML = rpt[dat].GDPNOMBRE;
                    document.getElementById("tipnese").innerHTML = rpt[dat].tipnombre;
                    document.getElementById("neseci").innerHTML = rpt[dat].necnombre;
                    document.getElementById("descri").value = rpt[dat].descripcion;
                    document.getElementById("justi").value = rpt[dat].justificacion; 
                    var obs = rpt[dat].hisobs;
                    var obs2 = "'"+rpt[dat].hisobs+"'";
                }
                
                if(estad == "5" && document.getElementById("oidusu").value == rpt[dat].usu_oid){
            
                        alertify.alert("Cuenta con respuesta de solicitud", function () {
                            calificar(obs);
                        });
                        
                    document.getElementById("crespuesta").innerHTML = '<table align="left">\
                                                                            <tr>\
                                                                                <td style="cursor:pointer;" onclick="calificar('+ obs2 +');">\
                                                                                     <input class="white" id="aceptars" type="button" value="Calificar Solicitud" />\
                                                                                </td>\
                                                                            </tr>\
                                                                       </table>';
                }
                
                if(estad == "6"){
                    document.getElementById("crespuesta").innerHTML = '<table align="left">\
                                                                            <tr>\
                                                                                <td style="cursor:pointer;" onclick="verEncuesta('+ oids +');">\
                                                                                     <input class="white" id="aceptars" type="button" value="Ver Calificacion" />\
                                                                                </td>\
                                                                            </tr>\
                                                                       </table>';
                }
                
                //permisos(bloqueo de botones)
                permisos();
                //carga tabla de historial
                historial();
                //guarda la conducta que se la a la solicitud
                conduc();
                //derrogados
                derrogados();
            }
            
            
            function historial(){
                var oids = document.getElementById("oids").value;
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/datosH.php",
                    data: {oids:oids},
                    success: tablah
                    //timeout: 4000
                });
            }
            
            function tablah(datos){
                rpt = $.parseJSON(datos);
                datos = $("#tablaSeg");
                var resp = "";
                var usuario = "";
                var asig = 0;
                var oidencar = 0;
                
                var obse = "";
                var obse2 = "";
                resp += "<table style='height:10%;font-size: 90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;margin:-2.7% auto 0;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);'>\
                            <tr>\
                                <td colspan='6' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Movimientos\
                                </td>\
                            <tr>\
                            <tr>\
                                 <td align='center' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Fecha \
                                 </td>\
                                 <td align='center' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Estado\
                                 </td>\
                                 <td align='center' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Responsable\
                                 </td>\
                                 <td align='center' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                   Observaciones\
                                 </td>\
                                 <td align='center' style='border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Adjuntos\
                                 </td>\
                                 <td align='center' style='border-top:1px solid #e0e0e0; border-center:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    Obs\
                                 </td>\
                             </tr>";
                for(res in rpt){
                   
                   var usu = document.getElementById("usu").value;
                   
                   var estad = rpt[res].hisestado;
                   
                   /*se verifica el tipo de estado*/
                   if(estad == "1"){
                       var estado = "Registrado";
                   }else if(estad =="2"){
                       estado = "Asignado";
                   }else if(estad == "3"){
                       
                       if(usu == rpt[res].asignado || usu == rpt[res].ldetec){
                       
                       estado = "<table style='font-size: 95%;'>\
                                        <tr>\
                                            <td>\
                                                En Tramite\
                                            </td>\
                                            <td>\
                                                <img src='../imagen/nota.jpg' width='20' height='20' alt='notas'title='Agregar Seguimiento' onclick='agregarSeg("+ rpt[res].hisoid +','+ rpt[res].dnsolicitud +");'/>\
                                            </td>\
                                        </tr>\
                                  </table>";
                       }else{
                           estado = "<table style='font-size: 95%;'>\
                                        <tr>\
                                            <td>\
                                                En Tramite\
                                            </td>\
                                        </tr>\
                                  </table>";
                       }
                       
                   }else if(estad == "4"){
                       estado = "Con Respuesta";
                   }else if(estad == "5"){
                       estado = "Verificado";
                   }else if(estad == "6"){
                       estado = "Aceptado";
                   }else if(estad == "7"){
                       estado = "Derrogado";
                   }else if(estad == "8"){
                       estado = "En Tramite por el Cliente";
                   }else{
                       estado = "";
                   }
                   
                   /*se verifica si el historial llega con observaciones de direccion adminnistradtiva*/
                   var obs = "";
                   obse = rpt[res].obse;
                   obse2 = "'"+rpt[res].obs+"'";
                   
                   if(obse === '1'){
                       
                       if(usu == rpt[res].asignado || usu == rpt[res].ldetec){
                           obs = '<img title="Observaciones" onclick="cargarMensaje('+ res +','+ rpt[res].asignado +','+ rpt[res].hisoid +','+ rpt[res].dnsolicitud +');" src="../imagen/nota.JPG" width="25" height="25" alt="nota"/>';
                           $("#mensajeobs").append('<input type="hidden" id="mensajeobs'+ res +'" name="" value="'+ rpt[res].obs +'" />');
                           
                       }
                       
                   }
                   
                   
                   var adjun = rpt[res].hisadjuntos;
                   /*se verifica si el archivo llega con archivos adjuntos*/
                   if(adjun === " "){
                       var adjunto = "<label title='no se encuentran archivos adjuntos'>No Adjunto</label>";
                   }else{
                        adjunto = "<a style='text-decoration:none;' href='"+ adjun +"'><img title='"+ adjun +"' src='../imagen/adju.png' width='25' height='25' alt='adju'/></a>";
                   }
                   
                   /*se verifica el campo observaciones llega con datos*/
                   var observaciones = rpt[res].obsh;
                   
                   if(observaciones != ""){
                       var observaciones2 = observaciones;
                   }else{
                       observaciones2 = "";
                   }
                   
                   resp += ("<tr>\
                                <td title='fecha de modificacion' style='padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    "+ rpt[res].hisfecmod +"\
                                </td>\
                                <td title='estado' style='padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    "+ estado + "\
                                </td>\
                                <td title='registrado por' style='padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    "+ rpt[res].nombres +"\
                                </td>\
                                <td title='observaciones de la solicitud' style='padding:10px 10px 10px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); width:40%'>\
                                     "+ observaciones2 +"\
                                </td>\
                                <td style='cursor:pointer;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    "+ adjunto +"\
                                </td>\
                                <td style='cursor:pointer;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                    "+ obs +"\
                                </td>\
                             </tr>");
                }
                resp += "</table>";
                datos.text("");
                datos.append(resp);
            }
            
            function cargarMensaje(posi,usuario,hisoid,dnsoid){
                var mensaje = document.getElementById("mensajeobs"+posi).value;
                alertify.alert(mensaje, function () {
                    /*cambiamos el estado de la observacion para dar como leido el mensaje
                     * y evaluamos si el usuario corresponde como enacargado del estado en que esta el historial
                     *  de la solicitud*/
                    var usu = document.getElementById("usu").value;
                    
                    if(usuario == usu){
                        
                        editarObs(hisoid,dnsoid);
                        
                    }
                    
                });
                return false;
                
            }
            
            function editarObs(hisoid,dnsoid){
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/crudObservacion.php",
                    data: {tc:5,hisoid:hisoid,dnsoid:dnsoid}
                    //timeout: 4000
                });
                
            }
            
            function archivo(){
                $('#segsol').attr('action', '../../controlador/php/sql/archivo.php');
                $("#segsol").submit();
            }
            
            function oportunidad(){
                var fecha1= document.getElementById("fechaA").value;
                var dia1= fecha1.substr(0,2);
                var mes1= fecha1.substr(3,2);
                var anyo1= fecha1.substr(6);

                var fecha2=  document.getElementById("capass2").value;
                var dia2= fecha2.substr(0,2);
                var mes2= fecha2.substr(3,2);
                var anyo2= fecha2.substr(6);

                var nuevafecha1= new Date(anyo1+","+mes1+","+dia1);
                var nuevafecha2= new Date(anyo2+","+mes2+","+dia2);

                var Dif= nuevafecha2.getTime() - nuevafecha1.getTime();
                var dias= Math.floor(Dif/(1000*24*60*60));
                $("#odias").attr("value",dias);
            }
            
            function conducta(){
                if(document.getElementById("perti").value === "no"){
                    /*document.getElementById("prioridad").disabled = true;
                    document.getElementById("capass2").disabled = true;*/
                }else{
                    /*document.getElementById("prioridad").disabled = false;
                    document.getElementById("capass2").disabled = false;*/
                }
            }
            
            
            function guardar(){
                 
                var perti = $("#perti").val();
                var prioridad = $("#prioridad").val();
                var fecum = $("#capass2").val();
                var oidsol = $("#oids").val();
                var observ = $("#observh").val();
                var dias = $("#odias").val();
                var ruta = $("#ruta").val();
                
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/guardarCon.php",
                    data: {perti:perti,prioridad:prioridad,fecum:fecum,oidsol:oidsol,observ:observ,dias:dias,ruta:ruta},
                    success: mensaje,
                    timeout: 4000
                });
                
                function mensaje(){
                    alertify.success("la respuesta de la solicitud fue registrada exitosamente");
                    datosSol();
                    historial();
                }
                
                
            }
            
            function confirmar(){
                
                if($("#perti").val() === "Seleccione"){
                    alertify.alert("SELECCIONE PERTINENCIA", function () {
                        $("#perti").focus();
                    });
                    return false;
                }
               if($("#prioridad").val() === "Seleccione"){
                    alertify.alert("SELECCIONE PRIORIDAD", function () {
                        $("#prioridad").focus();
                    });
                    return false;
                }
                 if($("#capass2").val() === ""){
                    alertify.alert("EL CAMPO FECHA ESTA VACIO", function () {
                        $("#capass2").focus();
                    });
                    return false;
                }
                
                
                //se valida teniendo en cuenta que si la solicitud cuenta con estado 4 
                //no se podra manejar la botoneria
                
                var estado = document.getElementById("esta").value;
                if(estado === "5" || estado === "4" || estado === "6" || estado === "7"){
                    alertify.alert(" La accion no es posible</br>la solicitud ya cuenta con una respuesta ", function () {
                    });
                    return false;
                }
                alertify.confirm("<p>ESTA SEGURO DE DAR RESPUESTA A LA SOLICITUD</p>", function (e) {
                    if (e) {
                        guardar();
                    } 
                    else { 
                    }
                }); 
                return false;
            }
            
            function verDetalle(oidh){
                var hisoid = oidh; 
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/datosH2.php",
                    data: {hisoid:hisoid},
                    success: datosh2,
                    timeout: 4000
                });
            }
            
            
            function datosh2(datosh){
                rpt = $.parseJSON(datosh);
                datosh = $("#observh");
                for(dah in rpt){
                    datosh.attr("value",rpt[dah].obsh);
                }
            }
            
            function conduc(){
                var oidsol = $("#oids").val();
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/datosCon.php",
                    data: {oidsol:oidsol},
                    success: datosCon,
                    timeout: 4000
                });
            }
                
                function datosCon(datosc){
                    rpt = $.parseJSON(datosc);
                    for(dac in rpt){
                        document.getElementById("perti").value = rpt[dac].pertinencia;
                        document.getElementById("prioridad").value = rpt[dac].prioridad;
                        document.getElementById("capass2").value = rpt[dac].confecump;
                        document.getElementById("odias").value = rpt[dac].condias;
                    }
                }
            
            
            function asignar(){
                
                if($("#perti").val() === "Seleccione"){
                    alertify.alert("SELECCIONE PERTINENCIA", function () {
                        $("#perti").focus();
                    });
                    return false;
                }
               if($("#prioridad").val() === "Seleccione"){
                    alertify.alert("SELECCIONE PRIORIDAD", function () {
                        $("#prioridad").focus();
                    });
                    return false;
                }
                 if($("#capass2").val() === ""){
                    alertify.alert("EL CAMPO FECHA ESTA VACIO", function () {
                        $("#capass2").focus();
                    });
                    return false;
                }
                
                
                //se valida teniendo en cuenta que si la solicitud cuenta con estado 4 
                //no se podra manejar la botoneria
                
                var estado = document.getElementById("esta").value;
                if(estado === "5" || estado === "4" || estado === "6" || estado === "7"){
                    alertify.alert(" La accion no es posible</br>la solicitud ya cuenta con una respuesta ", function () {
                    });
                    return false;
                }
                window.open("../../DeteccionN/vista/php/asignar.php","","width=700,height=350,scrollbars=yes");
                }
            function gConducta(){
                
                var perti = $("#perti").val();
                var prioridad = $("#prioridad").val();
                var fecum = $("#capass2").val();
                var oids = $("#oids").val();
                var observ = $("#observh").val();
                var dias = $("#odias").val();
                var usuasig = $("#usuoid").val();
                var estado = $("#esta").val();
                var ruta = $("#ruta").val();
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/guardarCon2.php",
                    data: {perti:perti,prioridad:prioridad,fecum:fecum,oids:oids,observ:observ,dias:dias,usuasig:usuasig,estado:estado,ruta:ruta},
                    success: mnsg,
                    timeout: 4000
                });
            }
            
            
            function mnsg(){
                alertify.success("la solicitud fue asignada con exito");
                datosSol();
                historial();
            }
            
            function calificar(obs){
                //document.getElementById("res").value = obs;
                window.open("../../DeteccionN/vista/php/encuestasatis.php?oids="+ document.getElementById("oids").value+"&res="+obs,"","width=700,height=650,scrollbars=yes");
            }
            
            function uploadAjax(){
                var inputFileImage = document.getElementById('adjunto');
                var file = inputFileImage.files[0];
                var data = new FormData();
                data.append('archivo',file);
                var url = '../../DeteccionN/controlador/sql/archivo.php';
                $.ajax({
                    url:url,
                    type:'POST',
                    dataType: "json",
                    contentType:false,
                    data:data,
                    processData:false,
                    success: subir
                });
            }
            
            function subir(men){
                if(men.msg == null) {
                    $("#ruta").attr('value',men.ruta);
                }else{
                    //alertify.error(men.msg);
                }
            }
            
            function permisos(){
                var oids = $("#oids").val();
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/permisos.php",
                    data: {oids:oids},
                    success: ejecutarPer,
                    timeout: 4000
                });
                
            }
            
            function ejecutarPer(per){
                var oidusu = "";
                var usuasig = "";
                var usuasig2 = "";
                rpt = $.parseJSON(per);
                var sesion = document.getElementById("oidusu").value;
                for(p in rpt){
                    oidusu = rpt[p].oidencar;
                    usuasig = rpt[p].usuasig2;
                    usuasig2 = rpt[p].usu_oid;
                    //alert(oidusu+"-"+usuasig+"-"+usuasig2);
                    if(oidusu !== sesion && usuasig !== sesion && usuasig2 !== sesion){
                        document.getElementById("respuesta").disabled = true;
                        document.getElementById("asig").disabled = true;
                        document.getElementById("tramite").disabled = true;
                        document.getElementById("tramitec").disabled = true;
                    }else{
                        document.getElementById("respuesta").disabled = false;
                        document.getElementById("asig").disabled = false;
                        document.getElementById("tramite").disabled = false;
                        document.getElementById("tramitec").disabled = false;
                        break;
                    }
                }
            }
            
            function derrogados(){
                if($("#estados").val() === "5"){
                    var oids = $("#oids").val();
                    $.ajax({
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../DeteccionN/controlador/sql/derrogado.php",
                        data: {oids:oids},
                        timeout: 4000
                    });
                    
                }
                //se bloquea el boton de aceptar solicitud por que ya se encuentra en un estado derrogado
                //document.getElementById("crespuesta").disabled = true;
                //historial();
            }
            
            function borrar(){
                $("#crespuesta").text("");
            }
            
            function confirmar2(){
                
                if($("#perti").val() === "Seleccione"){
                    alertify.alert("SELECCIONE PERTINENCIA", function () {
                        $("#perti").focus();
                    });
                    return false;
                }
               if($("#prioridad").val() === "Seleccione"){
                    alertify.alert("SELECCIONE PRIORIDAD", function () {
                        $("#prioridad").focus();
                    });
                    return false;
                }
                 if($("#capass2").val() === ""){
                    alertify.alert("EL CAMPO FECHA ESTA VACIO", function () {
                        $("#capass2").focus();
                    });
                    return false;
                }
                
                
                //se valida teniendo en cuenta que si la solicitud cuenta con estado 4 
                //no se podra manejar la botoneria
                
                var estado = document.getElementById("esta").value;
                if(estado === "5" || estado === "4" || estado === "6" || estado === "7"){
                    alertify.alert(" La accion no es posible</br>la solicitud ya cuenta con una respuesta ", function () {
                    });
                    return false;
                }
                alertify.confirm("<p>ESTA SEGURO DE DARLE TRAMITE A LA SOLICITUD</p>", function (e) {
                    if (e) {
                        tramitar();
                    } 
                    else { 
                    }
                }); 
                return false;
            }
            
            function confirmar3(){
                
                var obs = document.getElementById("observh").value;
                var oids = document.getElementById("oids").value;
                
                if(obs == ""){
                    alertify.alert("POR FAVOR, EL CAMPO NO PUEDE ESTAR VACIO PARA HACER ESTA OPERACION.", function () {
                        $("#observh").focus();
                    });
                    return false;
                }

                /*llevamos las observaciones del nuevo estado 'En Tramite por el Usuario'*/
                
                alertify.confirm("ESTA SEGURO DE DARLE TRAMITE POR EL CLIENTE A LA SOLICITUD ?", function (e) {
                    if (e) {
                
                    $.ajax({
                    type: "POST",
                    dataType: "json",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/entramiteU.php",
                    data: {oids:oids,obs:obs},
                    success: function respuesta(datos){
                                var mensaje = datos.respuesta;
                                exitoTU(mensaje);
                             }
                    });
            
                } 
                else{ 
                        
                    }
                }); 
                return false;
                
            }
            
            function tramitar(){
                 var perti = $("#perti").val();
                var prioridad = $("#prioridad").val();
                var fecum = $("#capass2").val();
                var oidsol = $("#oids").val();
                var observ = $("#observh").val();
                var dias = $("#odias").val();
                var ruta = $("#ruta").val();
                
                
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../DeteccionN/controlador/sql/guardarCon3.php",
                    data: {perti:perti,prioridad:prioridad,fecum:fecum,oidsol:oidsol,observ:observ,dias:dias,ruta:ruta},
                    success: mensaje,
                    timeout: 4000
                });
                
                function mensaje(){
                    alertify.success("la solicitud se tramita satisfactoriamente");
                    datosSol();
                    historial();
                }
                
            }
            
            function verEncuesta(oids){
                window.open("../../DeteccionN/vista/php/encuestaS.php?oids="+oids,"","width=700,height=500,scrollbars=yes");
            }
            
            function agregarSeg(oid,soli){
                window.open("../../DeteccionN/vista/php/segTramite.php?oid="+oid +"&sol="+soli,"","width=750,height=570,scrollbars=yes");
            }
            
            function exitoTU(mensaje){
                
                alertify.success(mensaje);
                datosSol();
                historial();
            }
            
        </script>
    </head>
    <body onLoad="datosSol();">
        <form id="segsol">
            <table id="detalles">
                <tr>
                    <td>
                        <table id="soli">
                            <tr id="titulo1">
                                <td colspan="3">
                                    DETALLE DE LA SOLICITUD
                                </td>
                            </tr>
                            <tr>
                                <td id="filas">
                                    <table style="font-size:100%">
                                        <tr>
                                            <td>
                                                Codigo:
                                            </td>
                                            <td>
                                                <div id="codigo"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td id="filas" align="center">
                                    <table style="font-size:100%">
                                        <tr>
                                            <td>
                                                Fecha:
                                            </td>
                                            <td>
                                                <div id="fecha"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td id="filas" align="right">
                                    <table style="font-size:100%">
                                        <tr>
                                            <td>
                                                Estado:
                                            </td>
                                            <td>
                                                <div id="estado"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Documento
                                </td>
                                <td id="filas" colspan="2">
                                     <div id="doc"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Solicitante
                                </td>
                                <td id="filas" colspan="2">
                                     <div id="nombre"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Cargo
                                </td>
                                <td id="filas" colspan="2">
                                     <div id="cargo"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Servicio
                                </td>
                                <td id="filas" colspan="2">
                                     <div id="servicio"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Tipo Nesecidad
                                </td>
                                <td id="filas" colspan="2">
                                     <div id="tipnese"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Necesidad
                                </td>
                                <td id="filas" colspan="2">
                                     <div id="neseci"></div>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Descripcion</br> Solicitud
                                </td>
                                <td id="filas2" colspan="2">
                                    <textarea style="width: 100%;" id="descri" name="" rows="4" cols="20" readonly></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo">
                                    Justificacion
                                </td>
                                <td id="filas2" colspan="2">
                                    <textarea style="width: 100%;" id="justi" name="" rows="4" cols="20" readonly></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td id="titulo1" colspan="3">
                                    Conducta de la solicitud
                                </td>
                            </tr>
                            <tr>
                                <td id="filas" colspan="3" align="center">
                                    <table style="font-size:100%;width: 100%">
                                        <tr>
                                            <td style="width:15%">
                                                Es pertinente la Solicitud?
                                            </td>
                                            <td>
                                                <select id="perti" name="cbpertinencia" style="font-size: 90%;width: 100%;height: 100%" onChange="conducta();">
                                                    <option>Seleccione</option>
                                                    <option value="si">Si</option>
                                                    <option value="no">No</option>
                                                </select>
                                            </td>
                                            <td style="width:2%"></td>
                                            <td>
                                                Prioridad :
                                            </td>
                                            <td>
                                                <select id="prioridad" name="cbprioridad" style="font-size: 90%;width: 100%;height: 100%">
                                                    <option>Seleccione</option>
                                                    <option value="al">Alta</option>
                                                    <option value="me">Media</option>
                                                    <option value="ba">Baja</option>
                                                </select>
                                            </td>
                                            <td style="width:2%"></td>
                                            <td style="width:13%">
                                                Fecha cumplimiento :
                                            </td>
                                            <td style="width:1%">
                                                <input type="text" name="capa1" type="text" class="reporte_termino" id="capass2" size="12" style="font-size: 90%;width: 100px;height: 100%" onchange="oportunidad();"/>
                                            </td>
                                            <td style="width:2%"></td>
                                            <td style="width:8%">
                                                Oportudidad :
                                            </td>
                                            <td>
                                                <input placeholder="dias" type="text" id="odias" name="txtOportunidad" value="" style="font-size: 90%;width: 50%;height: 100%" readonly/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td id="filas" colspan="3">
                                    Observaciones <textarea id="observh" name="" rows="4" cols="20" style="width: 100%"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td id="filas" colspan="3" align="right">
                                    <table>
                                        <tr>
                                            <td align="left">
                                                <div id="crespuesta">
                                        
                                                </div>
                                            </td>
                                            <td align="right" style="width:1000px">
                                                <input title='cargar archivo' name="adjunto" type="file" id="adjunto" size="35"/>
                                            </td>
                                            <td>
                                                <div id='adj' style='font-size: 80%;color:blue;'></div>
                                            </td>
                                            <td style='width:50px'></td>
                                            <td>
                                                <!--<input class='white' type="button" value="Cargar" onclick='uploadAjax();'/>-->
                                            </td>
                                            <td>
                                                <input title="Dejar en un tramite la solicitud" class="white" id="tramite" type="button" value="Tramite" onClick="uploadAjax();confirmar2();"/>
                                            </td>
                                            <td>
                                                <input title="Hacer un tramite por el cliente" class="white" id="tramitec" type="button" value="Tramite Cliente" onClick="uploadAjax();confirmar3();"/>
                                            </td>
                                            <td>
                                                <input title="Dar respuesta a la solicitud" class="white" id="respuesta" type="button" value="Respuesta" onClick="uploadAjax();confirmar();"/>
                                            </td>
                                            <td>
                                                <input title="Asignar a un functionario" class="white" id="asig" type="button" value="Asignar" onClick="uploadAjax();asignar();"/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table id="tseguimiento3">
                            <tr id="titulo">
                                <td>
                                    Historial
                                </td>
                            </tr>
                            <tr>
                                <td colspan="5">
                                    <div id="tablaSeg">

                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <input class="white" type="button" value="Cerrar" onclick="window.close();"/>
                    </td>
                </tr>
            </table>
            <!-- oid usuario que esta en sesion -->
            <input type="hidden" id='oidusu' name="txtoidusuario" value="<?php echo$_SESSION['usuario'] ?>" />
            <!-- ruta del archivo adjunto -->
            <input type="hidden" id='ruta' name="txtRuta" value="<?php echo$_REQUEST['ruta']; ?>"/>
            <!--texto oculto para recoger oid de la solicitud-->
                <input type="hidden" id="oids" name="oids" value="<?php echo$_REQUEST['oids'] ?>" />
                <input type="hidden" id="est" name="" value="<?php echo$_REQUEST['est'] ?>" />
                <input type="hidden" id="estados" name="" value="" />
                <input type="hidden" id="fechaA" name="txtfechaa" value="<?php 
                                                                            // Establecer la zona horaria predeterminada a usar. Disponible desde PHP 5.1
                                                                            date_default_timezone_set('UTC');
                                                                            //Imprimimos la fecha actual dandole un formato
                                                                            echo date("d-m-Y");
                                                                          ?>" />
                <!--oid del usuario asignado-->
                <input id="usuoid" type="hidden" name="txtuAsig" value="" />
                <!--estado-->
                <input type="hidden" id="esta" name="txtestado" value="" />
                <!--tipoUsuario-->
                <input type="hidden" id="tipou" name="txttipou" value="<?php echo$_SESSION['roll'] ?>" />
                <!--usuario en sesion-->
                <input type="hidden" id="usu" name="txtusu" value="<?php echo$_SESSION['usuario'] ?>" />
                <div id="mensajeobs"></div>
        </form>
    </body>
</html>